<template>
  <div class="qiandao">
    <div class="banner" v-if="info.signState == '1'">
      <img src="../../../../assets/img/main/qianlogo.png" alt="" />
      <p>签到成功</p>
    </div>
    <div class="banner" v-if="info.signState == '2'">
      <img src="../../../../assets/img/main/daiqian.png" alt="" />
      <p style="color: #b6b6b6;">待签到</p>
    </div>
    <div class="line"></div>
    <div class="info">
      <div class="title">预约信息</div>
      <div class="item">
        <div class="iteml">就 诊 人</div>
        <div class="itemr">{{ info.name }}</div>
      </div>
      <div class="item">
        <div class="iteml">坐诊医生</div>
        <div class="itemr">{{ info.doctorName }}</div>
      </div>
      <div class="item">
        <div class="iteml">就诊科室</div>
        <div class="itemr">{{ info.departmentName }}</div>
      </div>
      <div class="item">
        <div class="iteml">就诊医院</div>
        <div class="itemr">{{ info.hospitalName }}</div>
      </div>
      <div class="item">
        <div class="iteml">就诊时间</div>
        <div class="itemr">
          {{ info.treatDate }}{{ info.week }}{{ info.sourceTypeName
          }}{{ info.treatTime }}
        </div>
      </div>
      <div class="item" v-if="info.signState == '1'">
        <div class="iteml">签到时间</div>
        <div class="itemr">{{ info.signTime }}</div>
      </div>
      <div class="item">
        <div class="iteml">就诊地点</div>
        <div class="itemr">{{ info.spot }}</div>
      </div>
    </div>
  </div>
</template>
<script>
import { orderDetailsApi, cancelOrderApi } from "@/service/api.js";
import { Dialog, Info, Toast } from "vant";
export default {
  name: "qiandaodetail",
  inject: ["reload"],

  data() {
    return {
      hiorwr: "",
      token: "",
      apptoken: "",
      orderid: "",
      show: false,
      info: ""
    };
  },
  created() {
    let info = localStorage.getItem("qiandaoinfo");
    this.info = JSON.parse(info);
  },
  methods: {}
};
</script>
<style lang="scss" scoped>
.qiandao {
  width: 100%;
  background-color: #fff;
  .banner {
    width: 100%;
    text-align: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    img {
      width: 2.2rem;
      height: 2.8rem;
    }
    p {
      font-size: 0.5rem;
      line-height: 1rem;
      color: #6ddf57;
      font-weight: bold;
    }
  }
  .line {
    width: 100%;
    height: 0.15rem;
    background-color: #f5f5f5;
  }
  .info {
    width: 95%;
    margin: 0 auto;
    .title {
      margin-top: 0.2rem;
      font-size: 0.5rem;
      font-weight: bold;
      line-height: 1rem;
      color: #333;
    }
    .item {
      margin-top: 0.2rem;
      display: flex;
      .iteml {
        width: 2rem;
        font-size: 0.35rem;
        color: #999999;
      }
      .itemr {
        font-size: 0.35rem;

        color: #5a5a5a;
        font-weight: bold;
      }
    }
  }
}
</style>
